{% load i18n static common %}
{% autoescape off %}
<div id="{{ model_name }}_edit_form" style="padding: 10px;">
    <form class="layui-form data-form" action="" method="post" >
        {% csrf_token %}
        {% with adminform.form as f %}
            <div class="layui-form-item">
              {% layui_inline f.emp %}
            </div>
            <div class="layui-form-item">
              {% layui_inline f.location %}
              {% layui_inline f.distance %}
            </div>
            <div class="layui-form-item">
              {% layui_inline f.latitude %}
              {% layui_inline f.longitude %}
            </div>
            <div class="layui-form-item">
              {% layui_inline f.start_date %}
              {% layui_inline f.end_date %}
            </div>
        {% endwith %}
    </form>
</div>
<script>
    layui.use('form', function() {
        var form = layui.form;
        form.render();
        $("form.layui-form input.layui-date").each(function () {
                var laydate = layui.laydate;
                laydate.render({
                    elem: this,
                    type: 'date'
                });
            });
    });
    $(function () {
            $('#id_distance').change(function () {
                var distance = $('#id_distance').val();
                if (distance < 0){
                    layer.alert(gettext('gps_distance_invalid'), {
                        title: gettext('system_exception')
                        , icon: 5
                        , btn: gettext('btn_confirm')
                    })
                }
            });
            $('#id_latitude').change(function () {
                var latitude = $('#id_latitude').val();
                if (latitude >90 || latitude < -90){
                    layer.alert(gettext('gps_latitude_invalid_range'), {
                        title: gettext('system_exception')
                        , icon: 5
                        , btn: gettext('btn_confirm')
                    })
                }
            })
        })
</script>
{% endautoescape %}